<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>嘟嘟嘟嘟</title>
</head>
<body>
<!--
<center>:居中显示，凡是在该标签中的内容都会在页面上居中显示
该标签在HTML5的标准后就不在建议使用了
<input>:输入组件，用于获取用户的输入，该组件具体体现为什么样子
取决于type属性的值，常见的有：
text：文本框
password：密码框
radio：单选框
checkbox：复选框
button：按钮
<br>:换行
<a>:超链接，标签中间的文本是超链接提示的字符
href属性用于指定点击超链接后的请求路径
该路径可以用绝对路径或相对路径，绝对路径通常请求其他网站，相对路径通常请求本网站其他资源
<table>:表格，table标签下可以包含<tr>
<tr>:行，下面可以包含<td>
<td>:列
即：table包含tr用来指定表格中有多少行
tr中包含td，用来指定一行中有多少列
<h>:标题，分别对应h1-h6
标题独占一行
<img> :图片
属性src用于指定图片的路径
当我们在页面上加载某个资源时若使用了相对路径中的“./"当前目录时
浏览器实际理解该路径时基于请求当前页面时地址栏中当前页面所在的
目录而定的，例如：
请求当前index。html页面时浏览器地址栏上输入的路径为：
http://localhost:8088/myweb/index.html
那么，此时浏览器认为“./”为：
http://localhost:8088/myweb/
所以如果在页面上图片指定路径使用src="./logo.png"浏览器
实际理解为路径：
http://localhost:8088/myweb/logo.png

访问当前网站其他资源时我们也可以使用绝对路径”/“，即：根目录
”/“浏览器理解为是URL中抽象路径部分取左边的第一个”/“位置
例如：
请求当前页面是浏览器地址栏路径：
http://localhost:8088/myweb/index.html
那么”/“的位置就是：
http://localhost:8088/
如果图片指定的路径为：”/myweb/logo.png"那么实际路径为：
http://localhost:8088/myweb/logo.png
-->
        <center>
            <img src="/myweb/jd.png"><br>
            <!--
            <img src="./jd.png"><br>
             -->
            <!--
        <h1>百度</h1>
        -->
        <!--
        <h2>我是标题</h2>
        <h3>我是标题</h3>
        <h4>我是标题</h4>
        <h5>我是标题</h5>
        <h6>我是标题</h6>
        -->
    <input type="text" size="45">
    <input type="button" value="京东一下" onclick="alert('shit')">
            <br>
            <a href="./reg.html">去注册</a>
            <a href="./login.html">去登录</a>
            <a href="./showAllUser">用户列表</a>
            <a href="./showAllArticle">文章列表</a>
            <a href="./writeArticle.html">去发表</a>
            <a href="./createQR.html">二维码生成器</a>
            <a href="http://www.jd.com">去京东</a>
            <br>
            <table border="1">
                <tr>
                    <td>第一列</td>
                    <td align="center" colspan="2">第二列</td>

                </tr>
                <tr>
                    <td rowspan="2">第一列</td>
                    <td>第二列</td>
                    <td>第三列</td>
                </tr>
                <tr>
                    <td>第二列</td>
                    <td>第三列</td>
                </tr>
                </table>
    </center>
</body>
</html>